//鼠标经过元素向上移动并出现阴影
.hoverShadow() {
    transition: all .5s;

    &:hover {
        transform: translate3d(0, -3px, 0);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
        cursor: pointer;
        color: #ddeb17;
    }
}

//文字渐变
.text(@size) {
    font-size: @size;
    background-image: linear-gradient(135deg, red, blue);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 2px 2px 3px gray;
}

//浮动
.float(@float) {
    float: @float
}

//清除浮动
.clentfloat {
    &::after {
        content: "";
        display: block;
        clear: both;
    }
}

.verticalAlign {
    &::before {
        content: '';
        width: 0px;
        height: 100%;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }
}